'use strict'
import { View, ScrollView } from '../../component/index'
import globalStyle from '../css.css'
import style from './css.css'
import Descriptor from '../descriptor'
class ScrollViewBarsAndBounce extends React.Component {
  static propTypes = {
    children: PropTypes.node
  }

  render () {
    return (
      <View className={globalStyle.example}>
        <ScrollView
          scrollbars={false}
          bounce={false}
          direction="row"
          className={style.horizontalScrollView}>
          {this.props.children}
        </ScrollView>
        <Descriptor
          title="滚动条与回弹"
        >
        通过设置`scrollbars`属性为`false`可隐藏滚动条。---
        通过设置`bounce`属性为`false`可取消边界回弹。
        </Descriptor>
      </View>
    )
  }
}
export default ScrollViewBarsAndBounce
